// react项目实战 学生列表
import React from 'react';
import { Input,Space, Table, Tag , Cascader, Select} from 'antd';
const { Search } = Input;
import './AllList.css';

function StudentList(props) {
    // 表格
    const columns = [
        {
          title: '序号',
          dataIndex: 'id',
          key: 'id',
          width:50,
        },
        {
          title: '所属学校',
          dataIndex: 'school_nalaoe',
          key: 'school_nalaoe',
          width:150,
        },
        {
          title: '年级班级',
          dataIndex: 'className',
          key: 'className',
          width:150,
        },
        {
          title: '学生姓名',
          dataIndex: 'student_name',
          key: 'student_name',
          width:150,
        },
        {
          title: '性别',
          dataIndex: 'sex',
          key: 'sex',
          width:100,
        },
        {
          title: '学籍号',
          dataIndex: 'sid',
          key: 'sid',
          width:150,
        },
        {
          title: '证件号码',
          dataIndex: 'idcard',
          key: 'idcard',
          width:150,
        },
        {
          title: '证件类型',
          dataIndex: 'type',
          key: 'type',
          width:150,
        },
        {
          title: '账号',
          dataIndex: 'account',
          key: 'account',
          width:150,
        },
        
      ];
      const data = [
        {
          key: '1',
          id:'1',
          school_nalaoe:"实验小学",
          className:"一年级一班",
          student_name:"张三",
          sex:"男",
          sid:20510018,
          idcard:"51162320010429503X",
          type:"身份证",
          account:"18227955164"
        },
        {
          key: '2',
          id:'2',
          school_nalaoe:"实验小学",
          className:"一年级一班",
          student_name:"张三",
          sex:"男",
          sid:20510018,
          idcard:"51162320010429503X",
          type:"身份证",
          account:"18227955164"
        },
        {
          key: '3',
          id:'3',
          school_nalaoe:"实验小学",
          className:"一年级一班",
          student_name:"张三",
          sex:"男",
          sid:20510018,
          idcard:"51162320010429503X",
          type:"身份证",
          account:"18227955164"
        },
        {
          key: '4',
          id:'4',
          school_nalaoe:"实验小学",
          className:"一年级一班",
          student_name:"张三",
          sex:"男",
          sid:20510018,
          idcard:"51162320010429503X",
          type:"身份证",
          account:"18227955164"
        },
        {
          key: '5',
          id:'5',
          school_nalaoe:"实验小学",
          className:"一年级一班",
          student_name:"张三",
          sex:"男",
          sid:20510018,
          idcard:"51162320010429503X",
          type:"身份证",
          account:"18227955164"
        },
      ];
    return (
        <div>
            {/* 用户概况 */}
            <div className='search'>
              <Search
                placeholder="请输入关键字进行搜索"
                allowClearq
                enterButton="搜索"
                size="large"
                // onSearch={onSearch}
              />
            </div>
            
            <Table columns={columns} dataSource={data} />
            
        </div>
    );
}

export default StudentList;